<template>
  <div>{{ datetime }} {{ day }}</div>
</template>
<script>
export default {
  data() {
    return {
      timer: '',
      datetime: '',
      day: ''
    }
  },

  mounted() {
    /* 每秒定时刷新 */
    this.timer = setInterval(() => {
      this.datetime = this.dayjs().format('YYYY年MM月DD日 HH:mm:ss ')
    }, 1000)

    // 获取今天星期几
    const today = this.dayjs().format('YYYY-MM-DD') // 格式化为 YYYY-MM-DD
    // 获取星期几的数字表示（0-6，0 表示星期日）
    const dayOfWeek = this.dayjs(today).day()
    const weekdays = [
      '星期日',
      '星期一',
      '星期二',
      '星期三',
      '星期四',
      '星期五',
      '星期六'
    ]
    this.day = weekdays[dayOfWeek]
  },
  beforeDestroy() {
    /* 离开页面前销毁定时器 */
    if (this.timer) {
      clearInterval(this.timer)
    }
  }
}
</script>
  <style lang="less" scoped>
</style>
